﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Biciq.Web.UI.Registro.Default" Async ="true"%>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<%@ Register Src="../Controles/WUCMensajes.ascx" TagName="WUCMensajes" TagPrefix="uc1" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            font-size: small;
            font-family: Tahoma;
        }
        .style3
        {
            height: 30px;
        }
        .style9
        {
            height: 26px;
        }
    </style>
     <link href="~/Utilidades/jquery.pnotify.default.css" type="text/css" rel="Stylesheet"
        media="all" />
    <link href="~/Utilidades/jquery-ui-1.8.21.custom.css" type="text/css" rel="Stylesheet"
        media="all" />
    <link href="~/Utilidades/Estilos.css" type="text/css" rel="Stylesheet" media="all" />
    <script src="../Utilidades/jquery-1.7.1.min.js" language="javascript" type="text/javascript">
    </script>
    <script src="../Utilidades/jquery-ui-1.8.21.custom.min.js" language="javascript"
        type="text/javascript">
    </script>
    <script src="../Utilidades/jquery.pnotify.min.js" language="javascript" type="text/javascript">
    </script>
    <script src="../Utilidades/Funciones.js" language="javascript" type="text/javascript">
    </script>
    </script>
      <script language="JavaScript" type="text/JavaScript">
          function aceptarNumeros(evt) {
              var key = null;
              if (esIE()) {
                  key = evt.keyCode;
              } else {
                  key = evt.which;
              }

              return (key == 8 || key == 0 || (key >= 48 && key <= 57));
          }
          function esIE() {
              if (document.all) {
                  return true;
              }
              return false;
          }
    </script>
      <script language="javascript">
        <asp:literal id="litScript" runat="Server"></asp:literal>
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
              <telerik:RadAjaxManager ID="AjaxManagerDinardap" runat="server">
    </telerik:RadAjaxManager>

        <table class="style1">
            <tr>
                <td>
                     <asp:Label ID="Label24" runat="server" Text="Registro de Usuarios" ForeColor="#EE3E42"
            style="font-size: x-large"></asp:Label>
                   </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="lblMensaje" runat="server" 
                        Text="Los campos marcados con (*) son obligatorios"></asp:Label>
                </td>
            </tr>
        </table>


      
        
        <fieldset>
        <legend>
         
            Datos Generales
        </legend>
        <table class="style1">
            <tr>
                <td colspan="2">
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" CssClass="style2" Text="Nombres *"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtNombres" runat="server" Width="200px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ControlToValidate="txtNombres" ErrorMessage="Nombres es requerido" 
                        Font-Names="Symbol" ForeColor="Red" ToolTip="Nombres es requerido" 
                        ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label2" runat="server" CssClass="style2" Text="Apellidos *"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtApellidos" runat="server" Width="200px" CssClass="style2"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ControlToValidate="txtApellidos" ErrorMessage="Apelidos es requerido" 
                        Font-Names="Symbol" ForeColor="Red" ToolTip="Apelidos es requerido" 
                        ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label3" runat="server" CssClass="style2" Text="País *"></asp:Label>
                </td>
                <td class="style9">
                    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                        <ContentTemplate>
                            <telerik:RadComboBox ID="cmbPais" Runat="server" AllowCustomText="True" 
                                CssClass="style2" DataTextField="Nombre" DataValueField="id" 
                                EmptyMessage="Seleccione el País" Filter="Contains" Width="200px" 
                                AutoPostBack="True" onselectedindexchanged="cmbPais_SelectedIndexChanged">
                            </telerik:RadComboBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                ControlToValidate="cmbPais" ErrorMessage="El País es Requerido" 
                                Font-Names="Symbol" ForeColor="Red" ToolTip="País es requerido" 
                                ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label8" runat="server" CssClass="style2" 
                        Text="Fecha de Nacimiento *"></asp:Label>
                </td>
                <td>
                    <telerik:RadDatePicker ID="dtFechaNacimiento" Runat="server" CssClass="riStrengthBarL1" 
                        Calendar-CultureInfo="es-EC" MinDate="1900-01-01">
                        <DateInput runat="server" DateFormat="dd/MM/yyyy"></DateInput>
                    </telerik:RadDatePicker>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                        ControlToValidate="dtFechaNacimiento" 
                        ErrorMessage="La Fecha de Nacimiento es Requerido" Font-Names="Symbol" 
                        ForeColor="Red" ToolTip="La Fecha de Nacimiento es Requerido" 
                        ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                    <asp:Label ID="Label32" runat="server" 
                        Text=" (día/mes/año) Ejemplo: 27/03/1975"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label5" runat="server" CssClass="style2" 
                        Text="Cédula / Pasaporte *"></asp:Label>
                </td>
                <td>
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:TextBox ID="txtCedula" runat="server" CssClass="style2" MaxLength="10" 
                                Width="100px"></asp:TextBox>
                            <asp:TextBox ID="txtPasaporte" runat="server" CssClass="style2" Visible="False" 
                                Width="100px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="rfvCedula" runat="server" 
                                ControlToValidate="txtCedula" ErrorMessage="La Cédula es requerida" 
                                Font-Names="Symbol" ForeColor="Red" ToolTip="La Cédula es requerida" 
                                ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                            <asp:RequiredFieldValidator ID="rfvPasaporte" runat="server" 
                                ControlToValidate="txtPasaporte" ErrorMessage="El Pasaporte es requerido" 
                                Font-Names="Symbol" ForeColor="Red" ToolTip="El Pasaporte es requerido" 
                                ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="cmbPais" 
                                EventName="SelectedIndexChanged" />
                        </Triggers>
                    </asp:UpdatePanel>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label6" runat="server" CssClass="style2" Text="Género *"></asp:Label>
                </td>
                <td>
                    <table class="style1">
                        <tr>
                            <td width="180">
                    <asp:RadioButtonList ID="rdbGenero" runat="server" CssClass="style2" 
                        RepeatDirection="Horizontal">
                        <asp:ListItem Value="Masculino">Masculino</asp:ListItem>
                        <asp:ListItem>Femenino</asp:ListItem>
                    </asp:RadioButtonList>
                            </td>
                            <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="rdbGenero" 
                                ErrorMessage="El Género es requerido" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="El Género es requerido" ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label7" runat="server" CssClass="style2" Text="Ocupación *"></asp:Label>
                </td>
                <td>
                    <table class="style1">
                        <tr>
                            <td width="600">
                                <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                                    <ContentTemplate>
                                        <asp:RadioButtonList ID="rdbOcupacion" runat="server" AutoPostBack="True" 
                                            onselectedindexchanged="rdbOcupacion_SelectedIndexChanged" 
                                            RepeatDirection="Horizontal">
                                            <asp:ListItem>Estudiante</asp:ListItem>
                                            <asp:ListItem>Empleado Privado</asp:ListItem>
                                            <asp:ListItem>Empleado Público</asp:ListItem>
                                            <asp:ListItem>Independiente</asp:ListItem>
                                            <asp:ListItem>Desempleado</asp:ListItem>
                                        </asp:RadioButtonList>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </td>
                            <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="rdbOcupacion" 
                                ErrorMessage="La Ocupación es requerida" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="La Ocupación es requerida" ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label9" runat="server" CssClass="style2" 
                        Text="Nivel de Instrucción *"></asp:Label>
                </td>
                <td>
                    <table class="style1">
                        <tr>
                            <td width="520">
                    <asp:RadioButtonList ID="rdbInstruccion" runat="server" 
                        RepeatDirection="Horizontal">
                        <asp:ListItem>Primaria</asp:ListItem>
                        <asp:ListItem>Secundaria</asp:ListItem>
                        <asp:ListItem>Tercer Nivel</asp:ListItem>
                        <asp:ListItem>Cuarto Nivel</asp:ListItem>
                        <asp:ListItem>Ninguno</asp:ListItem>
                    </asp:RadioButtonList>
                            </td>
                            <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="rdbInstruccion" 
                                ErrorMessage="El Nivel de Instrucción es requerido" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="El Nivel de Instrucción es requerido" 
                                    ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label30" runat="server" CssClass="style2" 
                        Text="Nombre de la Empresa /Centro de Estudios *"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtEmpresa" runat="server" Width="300px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator23" runat="server" 
                                ControlToValidate="txtEmpresa" ErrorMessage="El Nombre de la Empresa o Centro de Estudios es Requerido" 
                                Font-Names="Symbol" ForeColor="Red" ToolTip="El Nombre de la Empresa o Centro de Estudios es Requerido" 
                                ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td width="180">
                    <asp:Label ID="Label31" runat="server" CssClass="style2" 
                        Text="Dirección de la Empresa /Centro de Estudios *"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtDireccionEmpresa" runat="server" Height="50px" 
                        TextMode="MultiLine" Width="500px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator24" runat="server" 
                                ControlToValidate="txtDireccionEmpresa" ErrorMessage="La Dirección de la Empresa o Centro de Estudios es Requerido" 
                                Font-Names="Symbol" ForeColor="Red" ToolTip="La Dirección de la Empresa o Centro de Estudios es Requerido" 
                                ValidationGroup="DatosGenerales">¬</asp:RequiredFieldValidator>
                </td>
            </tr>
        </table>
    </fieldset>
    <fieldset>
        <legend>
        Datos de Contacto
        </legend>
            <table class="style1">
            <tr>
                <td colspan="2">
                    &nbsp;</td>
            </tr>
            <tr>
                <td width="110">
                    <asp:Label ID="Label10" runat="server" CssClass="style2" 
                        Text="Teléfono domicilio*"></asp:Label>
                </td>
                <td>
                    <telerik:RadMaskedTextBox ID="txtTelefono" Runat="server"
                    Mask="(##)####-###"
                    >
                    </telerik:RadMaskedTextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator10" 
                        runat="server" ControlToValidate="txtTelefono" 
                                ErrorMessage="El Teléfono es requerido" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="El Teléfono es requerido" ValidationGroup="DatosContacto">¬</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label11" runat="server" CssClass="style2" 
                        Text="Móvil *"></asp:Label>
                </td>
                <td>
                    <telerik:RadMaskedTextBox ID="txtCelular" Runat="server"
                    Mask="(##)####-####"
                    >
                    </telerik:RadMaskedTextBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label12" runat="server" CssClass="style2" 
                        Text="Correo Electrónico *"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server" Width="200px"></asp:TextBox>
                      <asp:RegularExpressionValidator ID="RegularExpressionValidator1" 
                        runat="server" ErrorMessage="El correo ingresado tiene un formato inválido"
                            ToolTip="El correo ingresado tiene un formato inválido" 
                        Font-Names="Symbol" ForeColor="Red"
                            ControlToValidate="txtEmail" 
                        ValidationExpression="^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$" 
                        ValidationGroup="DatosContacto">¬</asp:RegularExpressionValidator>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator25" 
                        runat="server" ControlToValidate="txtEmail" 
                                ErrorMessage="El Email es requerido" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="El Email es requerido" ValidationGroup="DatosContacto">¬</asp:RequiredFieldValidator>
                    </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label29" runat="server" CssClass="style2" 
                        Text="Sector donde vive *"></asp:Label>
                </td>
                <td>
                    <table class="style1">
                        <tr>
                            <td width="290">
                    <asp:RadioButtonList ID="rdbSector" runat="server" 
                        RepeatDirection="Horizontal" Width="417px">
                        <asp:ListItem>Sur</asp:ListItem>
                        <asp:ListItem>Centro Sur</asp:ListItem>
                        <asp:ListItem>Centro Norte</asp:ListItem>
                        <asp:ListItem>Norte</asp:ListItem>
                        <asp:ListItem>Valle</asp:ListItem>
                    </asp:RadioButtonList>
                            </td>
                            <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator22" runat="server" ControlToValidate="rdbSector" 
                                ErrorMessage="El Sector donde vive es obligatorio" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="El Sector donde vive es obligatorio" 
                                    ValidationGroup="DatosContacto">¬</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label13" runat="server" CssClass="style2" 
                        Text="Dirección *"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtDireccion" runat="server" Height="50px" 
                        TextMode="MultiLine" Width="500px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator11" 
                        runat="server" ControlToValidate="txtDireccion" 
                                ErrorMessage="La Dirección es requerida" Font-Names="Symbol" ForeColor="Red" 
                                ToolTip="La Dirección es requerida" 
                        ValidationGroup="DatosContacto">¬</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    Fotografía</td>
                <td>
                    <asp:FileUpload ID="FileUpload1" runat="server" />
                    <asp:Button 
                    ID="Button3" runat="server" BackColor="#EE3E42" ForeColor="#CCCCCC" 
                    onclick="Button3_Click" Text="Subir Foto" />
                    <asp:Image ID="Image1" runat="server" />
                </td>
            </tr>
        </table>
    </fieldset>
    
    </div>
    <table class="style1">
        <tr>
            <td width="200">
                &nbsp;<asp:Button 
                    ID="Button1" runat="server" BackColor="#EE3E42" ForeColor="#CCCCCC" 
                    onclick="btnGuardar_Click" Text="Guardar" />
                <asp:Button ID="Button2" runat="server" BackColor="#EE3E42" ForeColor="#CCCCCC" 
                    onclick="Button2_Click" Text="Cancelar" />
                <asp:HiddenField ID="hcodigo" runat="server" />
            </td>
            <td class="style3">
                &nbsp;</td>
        </tr>
    </table>
       <asp:UpdatePanel ID="UpdatePanelMensaje" runat="server">
        <ContentTemplate>
            <asp:LinkButton ID="LinkButtonMessage" runat="server"></asp:LinkButton>
           <asp:ModalPopupExtender ID="MessagePopup" runat="server" TargetControlID="LinkButtonMessage"
                BackgroundCssClass="modalBackground" PopupControlID="PanelMensaje" OkControlID="LinkButtonCloseMessage">
            </asp:ModalPopupExtender>


            <asp:Panel ID="PanelMensaje" runat="server" Width="75%" Style="display: none;">
                <asp:LinkButton ID="LinkButtonCloseMessage" runat="server" Font-Bold="True" Style="font-size: 7px;
                    color: #FFFFFF;" Text="i"></asp:LinkButton>
                <uc1:WUCMensajes ID="WUCMensaje" runat="server" />
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>
